// http://ionicframework.com/docs/v2/theming/


// App Global Sass
// --------------------------------------------------
// Put style rules here that you want to apply globally. These
// styles are for the entire app and not just one component.
// Additionally, this file can be also used as an entry point
// to import other Sass files to be included in the output CSS.
//
// Shared Sass variables, which can be used to adjust Ionic's
// default Sass variables, belong in "theme/variables.scss".
//
// To declare rules for a specific mode, create a child rule
// for the .md, .ios, or .wp mode classes. The mode class is
// automatically applied to the <body> element in the app.
html {
  font-size: 100%;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, th, td, img {
  border: medium none;
  margin: 0;
  padding: 0;
  font-size: 0.6rem;
  font-family: "Microsoft YaHei UI","Helvetica Neue",Helvetica,sans-serif;

}


*:focus {
  outline:none;
}

a {
  outline: none;
  star: expression(this.onFocus = this.blur ());
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,
  /**td,**/ tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp {
  border: 0;
  color: #000000;
}
img {
  color: transparent;
  -ms-interpolation-mode: bicubic;
}
li {
  list-style:none;
}
form,div,body,img,p,img,dl,dt,dd {
  border: 0;
  margin: 0px;
}
h1, h2, h3, h4, h5, h6 {
  font-size:0.7rem
}
em {
  font-style: normal;
}
* {
  padding:0rem;
  margin:0rem;
}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix{zoom: 1;}
.tc {
  text-align: center;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.top_left {
  width: 25%;
}
.height100 {
  height: 100%;
}
.container1 {
  background: url(../assets/image/backimg1.jpg) ;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 100%;
  min-width: 320px;
  max-width: 640px;
  margin: 0 auto;
  -webkit-tap-highlight-color: transparent;
  min-height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: auto;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  position: relative;
  font-family: "Microsoft YaHei UI","Helvetica Neue",Helvetica,sans-serif;
}
.b_f4f4f4 {
  background:#f4f4f4 !important;
}
.top {

}
.top_box1 {
  height:2.5rem;
  line-height:2.5rem;
}
.top_left img {
  height:1rem;
  margin:0.75rem 0.25rem 0 20%;
}
.f12 {
  font-size:0.6rem;
}
.f13 {
  font-size:0.65rem;
}
.f14 {
  font-size:0.7rem;
}
.f16 {
  font-size:0.8rem;
}
.f15 {
  font-size:0.75rem;
}
.f20 {
  font-size:1rem;
}
.top_left span {
  color:#fff1ee;
}
.top_right {
  padding:0 5% 0 0;
}
.top_right img {
  height:1rem;
  display: block;
  margin: 0.75rem 0 0 0;
}
.top_center {
  height:1.5rem;
  background:#ffb6a9;
  border-radius:1.25rem;
  width:50%;
  left:25%;
  top: 0.5rem;
}
.ser_btn {
  width:22%;
  background:url(../assets/image/sousuo_btn.png) center center no-repeat;
  background-size:auto 70%;
  display:block;
  height:1.5rem;
}
.top_center input {
  border:0;
  background:none;
  height:1.5rem;
  color:#fff;
  width:77%;
  display:block;
}
.top_box2 {
  font-size:0.75rem;
  background:url(../assets/image/top_bg.png) bottom center no-repeat #6facfc;
  padding:3.2rem 0 0.6rem 0;
  background-size:100% auto;
}
.top_box2_1 {
  background:url(../assets/image/top_bg_1.png) bottom center no-repeat #6facfc;
  padding: 1.5rem 0 0.5rem 0;
  background-size:100% auto;
}
.top_box2 li {
  float:left;
  width:31%;
  text-align:center;
}
.top_box2 .total_item {
  width:38%;
  position: relative;
  top:-0.2rem;
}
.top_tit {
  color:#ffe9e5;
  line-height:1.4rem;
  font-size: 0.65rem;
}
.top_val {
  color:#fff;
  font-size:0.55rem;
  margin-top:0.6rem;
}
.top_val_big {
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 211, 201, 1)), to(rgba(255,255, 255, 1)));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.65rem;
}
.jianbian {
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#cde7ff), to(rgba(255,255, 255, 1)));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.top_val span {
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
}
.top_tit span {
  color:#edf6ff;
}
.top_tit img {
  height:0.8rem;
  position: relative;
  top: 0.15rem;
}
.top_box2 li p {
  line-height:1.4rem;
}
.top_val .total_val {
  font-size:1.3rem;
  color:#fff;
}
.notice {
  height:1.8rem;
  line-height:1.8rem;
  background:#98e4fe;
}
.notice_icon {
  width:13%;
  background:url(../assets/image/icon3.png) center center no-repeat;
  background-size:auto 50%;
  height:1.8rem;
}
.notice_main {
  color:#fff;
  width:87%;
  font-size:0.6rem;
}
.menu_list li {
  float:left;
  width:25%;
  text-align:center;
  margin-top:0.85rem;
}
.menu_list li img {
  height:1.2rem;
  display: block;
  margin:0 auto 0.3rem auto
}
.menu_list li p {
  line-height:1.5rem;
  font-size:0.6rem;
  color:#727272;
}
.menu_list {
  padding:0.25rem 0 0.75rem 0;
  background:#fff;
}
.index_box {
  padding:0px;
}
.banner {
  width:60%;
  margin:0 auto;
}
.banner img {
  width:50%;
  display:block;
}
.wave canvas{
  border-radius: 50%;
  overflow: hidden;
}
.wave {
  width:7.5rem;
  height:7.5rem;
  background:#6dc7fd;
  border-radius:50%;
  margin:0 auto;
  overflow:hidden!important;
  opacity: 1;
}
.wave_content {
  width:7.5rem;
  height:7.5rem;
  position:absolute;
  left:50%;
  margin-left:-3.75rem;
  top:0rem;
}
.table {
  display:table;
  width:100%;
  height:100%;
}
.table_cell {
  display:table-cell;
  width:100%;
  vertical-align:middle;
}
.c_ffd7cc {
  color:#fff;
}
.total_val_1 {
  margin:0.35rem 0;
}
.total_val_1 span {
  font-size:1.5rem;
  color:#fff;
}
.top_tit_1 span {
  font-size:0.8rem;
}
.det_list {
  padding:0.5rem 0 0.6rem 0;
}
.det_list li {
  float:left;
  width:25%;
  font-size:0.7rem;
}
.det_list1 {
  padding:0.5rem 0 0.6rem 0;
}
.det_list1 li {
  float:left;
  width:50%;
  font-size:0.7rem;
}
.top_val_1 {
  margin-top:0.15rem;
}
.log_top {
  height:35%;
  background-size:100% auto;
  padding: 0 0 0 0;
}
.log_top img {
  width:55%;
  display:block;
  margin:0 auto;
  padding-top:40%;
}
.log_mian {
  height:36%;
  width:90%;
  margin:0 auto 0 auto;
  padding-top: 20%;
  position: relative;
}
.inp_item {
  width:90%;
  margin:3% auto 0 auto;
  height:2rem;
}
.icon14 {
  background:url(../assets/image/icon14.png) center center no-repeat;
}
.icon15 {
  background:url(../assets/image/icon15.png) center center no-repeat;
}
.inp_l {
  width:18%;
  background-size:66% auto;
  height:100%;
}
.inp_item input {
  width:100%;
  background:none;
  border:none;
  height:1.2rem;
  color:#555;
  font-size:0.65rem;
}
.container1 input::-webkit-input-placeholder{
  color: #d4d4d4;
  font-weight:normal;
}
.container1 input:-ms-input-placeholder{
  color: #d4d4d4;
  font-weight:normal;
}
.wsl_btn {
  display:block;
  height:2rem;
  line-height:2rem;
  color:#fff;
  font-size:0.8rem;
  background:#3fbcef;
  border-radius:1rem;
  box-shadow: 0.1rem 0.1rem 0.1rem #a4b7bf;
}
.log_tip {
  text-align:right;
  width:85%;
  margin:4% auto 0 auto;
  font-size:0.6rem;
}
.log_tip a {
  color:#fe8f71;
  margin-left:0.1rem;
}
.pre {
  position:relative;
}
.pab {
  position:absolute;
}
.c_fff {
  color: #fff;
}
.error-message {
  font-size: 0.6rem;
  color: #666;
  position: absolute;
  top: 6.2rem;
  left: 7%;
}
.kh_bj {
  display:block;
  width:100%;
}
.w94 {
  width:94%;
  margin:0 auto;
}
.w90 {
  width:90%;
  margin:0 auto;
}
.menu_box {
  border-bottom:0.05rem solid #0eaded;
  margin-top: -9%;
  position:relative;
  z-index:1;
}
.menu_row li {
  float:left;
  width:20%;
  position:relative;
  height:4.8rem;
}
.menu_row li p {
  color:#bfbfbf;
  font-size:0.6rem;
  position:absolute;
  bottom:1rem;
  width:100%;
}
.menu_icon1 {
  background:url(../assets/image/menu_icon1.png) center center no-repeat;
  margin:0 auto;
}
.menu_icon2 {
  background:url(../assets/image/menu_icon2.png) center center no-repeat;
  margin: 6% auto 0 auto;
}
.menu_icon3 {
  background:url(../assets/image/menu_icon3.png) center center no-repeat;
  margin: 11% auto 0 auto;
}
.menu_icon4 {
  background:url(../assets/image/menu_icon4.png) center center no-repeat;
  margin: 6% auto 0 auto;
}
.menu_icon5 {
  background:url(../assets/image/menu_icon5.png) center center no-repeat;
  margin:0 auto;
}
.menu_icon6 {
  background:url(../assets/image/menu_icon6.png) center center no-repeat;
  margin:0 auto;
}
.menu_icon7 {
  background:url(../assets/image/menu_icon7.png) center center no-repeat;
  margin:0 auto;
}
.menu_icon8 {
  background:url(../assets/image/menu_icon8.png) center center no-repeat;
  margin:0 auto;
}
.menu_icon9 {
  background:url(../assets/image/menu_icon9.png) center center no-repeat;
  margin:6% auto 0 auto;
}
.menu_icon10 {
  background:url(../assets/image/menu_icon10.png) center center no-repeat;
  margin:0 auto;
}
.menu_icon11 {
  background:url(../assets/image/menu_icon11.png) center center no-repeat;
  margin:0 auto;
}
.menu_active:after {
  position: absolute;
  left: 50%;
  bottom: -2px;
  border-left: 6px solid transparent;
  border-top: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-right: 6px solid transparent;
  content: '';
  margin-left:-6px;
}
.menu_active:before {
  position: absolute;
  left: 50%;
  bottom: -1px;
  border-left: 6px solid transparent;
  border-top: 6px solid transparent;
  border-bottom: 6px solid #0eaded;
  border-right: 6px solid transparent;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  margin-left:-6px;
}
.menu_active .menu_icon1 {
  background: url(../assets/image/active_icon1.png) center center no-repeat;
  margin: 0 auto;
  background-size: 100% auto;
}
.menu_active .menu_icon2 {
  background:url(../assets/image/active_icon2.png) center center no-repeat;
  margin: 6% auto 0 auto;
  background-size:100% auto;
}
.menu_active .menu_icon3 {
  background:url(../assets/image/active_icon3.png) center center no-repeat;
  margin: 11% auto 0 auto;
  background-size:100% auto;
}
.menu_active .menu_icon4 {
  background:url(../assets/image/active_icon4.png) center center no-repeat;
  margin: 6% auto 0 auto;
  background-size:100% auto;
}
.menu_active .menu_icon5 {
  background:url(../assets/image/active_icon5.png) center center no-repeat;
  margin: 0 auto;
  background-size:100% auto;
}
.menu_active .menu_icon7 {
  background:url(../assets/image/active_icon7.png) center center no-repeat;
  margin: 0 auto;
  background-size:100% auto;
}
.menu_active .menu_icon6 {
  background:url(../assets/image/active_icon6.png) center center no-repeat;
  margin: 0 auto;
  background-size:100% auto;
}
.menu_active .menu_icon8 {
  background: url(../assets/image/active_icon8.png) center center no-repeat;
  margin: 0 auto;
  background-size: 100% auto;
}
.menu_active .menu_icon9 {
  background: url(../assets/image/active_icon9.png) center center no-repeat;
  margin: 0 auto;
  background-size: 100% auto;
}
.menu_active .menu_icon10 {
  background: url(../assets/image/active_icon10.png) center center no-repeat;
  margin: 0 auto;
  background-size: 100% auto;
}
.menu_active .menu_icon11 {
  background: url(../assets/image/active_icon11.png) center center no-repeat;
  margin: 0 auto;
  background-size: 100% auto;
}
.menu_ok .menu_icon1 {
  background:url(../assets/image/ok_icon1.png) center center no-repeat;
  margin:0 auto;
  background-size:100% auto;
}

.menu_ok .menu_icon2 {
  background:url(../assets/image/ok_icon2.png) center center no-repeat;
  margin: 6% auto 0 auto;
  background-size:100% auto;
}
.menu_ok .menu_icon3 {
  background:url(../assets/image/ok_icon3.png) center center no-repeat;
  margin: 11% auto 0 auto;
  background-size:100% auto;
}
.menu_ok .menu_icon4 {
  background:url(../assets/image/ok_icon4.png) center center no-repeat;
  margin: 6% auto 0 auto;
  background-size:100% auto;
}
.menu_ok .menu_icon5 {
  background:url(../assets/image/ok_icon5.png) center center no-repeat;
  margin:0 auto;
  background-size:100% auto;
}
.menu_ok .menu_icon6 {
  background:url(../assets/image/ok_icon6.png) center center no-repeat;
  margin:0 auto;
  background-size:100% auto;
}
.menu_ok .menu_icon7 {
  background:url(../assets/image/ok_icon7.png) center center no-repeat;
  margin:0 auto;
  background-size:100% auto;
}
.menu_ok .menu_icon8 {
  background: url(../assets/image/ok_icon8.png) center center no-repeat;
  margin: 0 auto;
  background-size: 100% auto;
}
.menu_ok .menu_icon9 {
  background: url(../assets/image/ok_icon9.png) center center no-repeat;
  margin: 0 auto;
  background-size: 100% auto;
}
.menu_ok .menu_icon10 {
  background: url(../assets/image/ok_icon10.png) center center no-repeat;
  margin: 0 auto;
  background-size: 100% auto;
}
.menu_ok .menu_icon11 {
  background: url(../assets/image/ok_icon11.png) center center no-repeat;
  margin: 0 auto;
  background-size: 100% auto;
}
.menu_row .menu_active p {
  color:#22daeb;
}
.menu_icon {
  width:2.2rem;
  height:2.2rem;
  background-size:100% auto;
  box-shadow: 0 0 0.8rem #42adb7;
  border-radius:50%;
}
.menu_active .menu_icon {
  box-shadow: 0 0 1rem #42adb7;
}
.msg_main {
  width:90%;
  left:5%;
  top:6.5%;
  height:auto;
  background:#57c1f2;
  border-radius:1rem;
  opacity: 1;
}
.inp_box {
  height:2.2rem;
  border:0.05rem solid #e7e7e7;
  border-radius:0.25rem;
  line-height:2.2rem;
  padding:0 3%;
  background:#fff;
  margin-top: 2.5%;
}
.form_box {
  padding: 0.2rem 0 0 0;
  position: relative;
}
.inp_box_l {
  width: 47%;
}
.inp_box_r {
  width: 53%;
  padding: 0.4rem 0;
}
.inp_box_l span {
  color:#565656;
  font-size:0.65rem;
  display:block;
}
.inp_box_r input {
  height:1.4rem;
  border:none;
  background:none;
  font-size:0.65rem;
  color:#666;
  width:100%;
  display:block;
  text-align:right;
  line-height: 1.4rem;
}
.b_fff6f6 {
  background:#f0f7ff;
}
.inp_box_l img {
  height:1.3rem;
  display:block;
  margin:0.45rem 0.5rem 0 0;
}
.yz_btn {
  display:block;
  height:1.4rem;
  border-radius:0.8rem;
  background-image:-webkit-linear-gradient(to right, #70a5fc, #71cfff);
  background-image:linear-gradient(to right,#70a5fc,#71cfff);
  color:#fff;
  font-size:0.6rem;
  width:3.5rem;
  line-height:1.4rem;
  text-align:center;
}
.w80 {
  width:80%;
  margin:0 auto;
}
.mt28 {
  margin-top:28%;
}
.mt25 {
  margin-top:25%;
}
.sub_btn {
  position:fixed;
  width:100%;
  height:2.5rem;
  bottom:0rem;
  left:0rem;
  background:#0eaded;
  color:#fff;
  line-height:2.5rem;
  font-size:0.8rem;
  z-index: 1;
}
.gou {
  display:block;
  height:1.4rem;
  margin:0.4rem 0 0 0;
  border-radius:0.8rem;
  background:url(../assets/image/finish_icon.png) center center no-repeat #fff;
  background-size:30% auto;
  color:#fff;
  font-size:0.6rem;
  width:3.5rem;
  line-height:1.4rem;
}
.msg_main ul {
  height:100%;
  position:relative;
}
.msg_main li {
  width:28%;
  float:left;
  padding:2% 0;
}
.det_item {
  margin: 0.4rem 0 0 0;
  padding:0 0 0 0.5rem;
}
.det_item span,.det_item i {
  display:block;
  font-style:normal;
  color:#fff;
  line-height:1rem;
}
.det_item span {
  font-size:0.6rem;
  color: #fff;
}
.det_item i {
  font-size:0.55rem;
}
.inp_box_s {
  width:40%;
}
.inp_box_b {
  width:60%;
}
.inp_box>li {
  float:left;
  width:33.3%;
}
.inp_box li a {
  display:block;
  height:1.4rem;
  line-height:1.4rem;
  border-radius:0.7rem;
  font-size:0.65rem;
  background:#fff;
  color:#666;
  width:70%;
  margin:0.4rem auto 0 auto;
  text-align:center;
}
.inp_box .g_active a {
  background:#57c1f2;
  color:#fff;
}
.serch_box {
  height: 2rem;
  border:0.05rem solid #e7e7e7;
  border-radius: 1rem;
}
.serch_box input {
  width:70%;
  height:1.5rem;
  display:block;
  font-size:0.65rem;
  color:#565656;
  padding:0 0 0 5%;
  border:none;
  background:none;
  margin-top: 0.2rem;
}
.serch_btn {
  display:block;
  background:url(../assets/image/sousuo_btn.png) center center no-repeat #3fbcef;
  background-size:35% auto;
  width: 18%;
  height:1.91rem;
  border-radius:0 0.95rem 0.95rem 0;
}
.num_list li span {
  display:block;
  width:50%;
  text-align:center;
  color:#fe836c;
  font-size:0.65rem;
  height:1.8rem;
  line-height:1.8rem;
  float:left;
}
.b_e7e7e7 {
  border:0.05rem solid #e7e7e7;
}
.num_list {
  overflow-y:scroll;
  border-radius: 0.4rem;
  height:100%;
}
.num_list li:nth-child(odd) {
  background:#ffefec;
}
.num_list li .num_active {
  background:#fe7a68!important;
  color:#fff;
}
.order_list li {
  background:#ebf8fd;
  height:1.8rem;
  line-height:1.8rem;
  margin-bottom:0.05rem;
  padding:0 0 0 5%;
  color:#616161;
  font-size:0.6rem;
}
.order_list .order_active {
  background:#0eaded;
  color:#fff;
}
.warp_top .msg_main li {
  padding:0.5% 0;
}
.msg_main .kh_end {
  width:12%;
  //border-left:0.1rem dashed #ff1d00;
  position: absolute;
  right: 0rem;
  top: 0rem;
  height:100%;
  padding:0!important;
  background:#57c1f2;
  border-radius: 0 1rem 1rem 0;
}
.kh_end p {
  color:#fff;
  font-size:0.65rem;
}
.my_tab {
  display:flex;
  width:100%;
  display:-webkit-box;
  position: relative;
  z-index: 1;
  background: #fff;
}
.my_tab li {
  box-flex:1;
  -webkit-box-flex:1;
  text-align:center;
  line-height:2rem;
  font-size:0.65rem;
  color:#bebebe;
  border-bottom:1px solid #e7e7e7;
}
.my_tab .tab_active {
  color:#70affd;
  border-bottom:0.05rem solid #70affd;
  padding: 0 0 0.1rem 0;
}
.order_list {
  width:100%;
}
.kh_menu {
  z-index: 2;
}
.order_box {
  height: 8rem;
  overflow: scroll;
}
.num_box {
  width: 100%;
  height: 6.65rem;
}
.serch_wrap {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 0.6rem 0;
}
.ddtj,.zjxx,.rzdb,.tcxz {
  padding: 1rem 0 0 0;
}
.order_tab {
  height:2rem;
  width: 128%;
}
.order_mian {
  padding: 2.1rem 0 1rem 0;
  height:100%;
  overflow: scroll;
  width: 100%;
  position: absolute;
  top: 0rem;
  left: 0rem;
}
.order_item {
  border-top:0.05rem solid #e7e7e7;
  border-bottom:0.05rem solid #e7e7e7;
  margin-top:3%;
  background: #fff;
  position:relative;
}
.order_up {
  height: 2.5rem;
  padding:0 3%;
  position: relative;
}
.order_up li {
  float:left;
  font-size:0.65rem;
  color:#4d4d4d;
  line-height: 2.5rem;
  height: 2.5rem;
}
.ywkh_order .order_third {
  float: right;
}
.order_up li p {
  color: #4d4d4d;
}
.order_up .order_one {
  width:38%;
}
.order_up .order_two {
  width:22%;
}
.order_up .order_third {
  width:40%;
}
.broad_order .order_up .order_one {
  width:28%;
}
.broad_order .order_up .order_two {
  text-align: center;
}
.broad_order .order_up .order_third {
  width:36%;
}
.fd_order .order_up .order_one {
  width:60%;
  height: 3.2rem;
}
.fd_order .order_up .order_two {
  width:40%;
  height: 3.2rem;
}
.fd_order .order_up {
  height: 3.2rem;
}
.fd_order_one {
  width:60%;
}
.fd_order_two{
  width:40%;
}
.fd_order_one p {
  color: #4d4d4d;
}
.fd_order_top {
  line-height: 1.2rem;
  padding: 1.5% 3%;
}
.bb_e7e7e7 {
  border-bottom:0.05rem solid #e7e7e7;
}
.order_up .order_pab {
  position: absolute;
  width: 50%;
  left: 25%;
  top: 0rem;
  line-height:1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.status_text1 {
  display: none;
}
.untreated .status_text1 {
  color:#56cdd3;
  display:inline-block;
}
.untreated .status_text2 {
  display: none;
}
.untreated .order_third .c_a0a0a0 {
  display: none;
}
.untreated .xiek_btn {
  display: inline-block;
}
.untreated .status_text{
  color:#56cdd3 ;
}
.fd_order_top li {
  color: #4d4d4d;
  float: left;
}
.fail_reson {
  color:#666;
  text-decoration: underline;
}
.wzh_btn,.zzjf_btn ,.xiek_btn{
  width:3rem;
  line-height: 1.2rem;
  color: #fff;
  background: #fe7d6a;
  border-radius:0.6rem;
  font-size: 0.55rem;
  text-align: center;
  display: none;
}
.zzjf_btn {
  display: inline-block;
}
.zzjf_btn1 {
  background: #ffa272;
}
.finish .fail_reson {
  display: none;
}
.finish .wzh_btn {
  display: inline-block;
}
.order_down .order_one {
  width:45%;
}
.order_down .order_two {
  width:25%;
}
.order_down .order_third {
  width:30%;
  text-align:right;
}
.order_up .order_third p {
  line-height: 1rem;
  text-align:right;
}
.order_item .c_a0a0a0 {
  color:#a0a0a0;
}
.status_sign {
  display:block;
  position:absolute;
  width:1.2%;
  height:100%;
  left:0rem;
  top:0rem;
}
.finish .status_sign{
  background:#3aab48;
}
.finish .status_text{
  color:#3aab48;
}
.finish .status_text2{
  color:#3aab48;
}
.finish .status_sm{
  color:#3aab48;
}
.underway .status_sign{
  background:#fe7e6a;
}
.untreated .status_sign{
  background:#56cdd3;
}
.underway .status_text{
  color:#fe7e6a;
}
.underway .status_text2{
  color:#fe7e6a;
}
.untreated .status_sm{
  color:#56cdd3;
}
.untreated .fail_reson {
  display: none;
}
.underway .status_sm{
  color:#fe7e6a;
}
.pb20 {
  padding-bottom:0.5rem;
}
.order_hide {
  display: none;
}
.slide_down .order_hide {
  display: block;
}
.slide_down .order_up {
  display: none;
}
.filter_bg {
  position:fixed;
  height:100%;
  width:100%;
  left:0rem;
  top:0rem;
  background:#fff;
  opacity:0.3;
  z-index:10;
}
.filter_mian {
  position: absolute;
  height: 100%;
  width: 80%;
  right: 0rem;
  top: 0rem;
  background: #fff;
  z-index: 11;
}
.filter_container {
  height: 100%;
  padding-bottom: 2.5rem;
  overflow: scroll;
}
.b_top {
  height:2rem;
  line-height:2rem;
}
.b_top span {
  font-size:0.65rem;
  color:#666;
}
.b_top img {
  height:20%;
  top:40%;
  display:block;
  right:0%;
}
.b_list li {
  float:left;
  width:31%;
  margin:2% 0 0 2.3%;
  height:2rem;
  line-height:2rem;
  background:#efefef;
  font-size:0.6rem;
  border-radius:0.25rem;
  text-align: center;
  color: #666;
}
.b_list {
  margin-left:-2.3%;
}
.b_list li a {
  display:block;
  color:#666;
  text-align:center;
}
.filter_item {
  padding:0 0 0.6rem 0;
  border-bottom:0.05rem solid #e7e7e7;
}
.time_box input {
  width:42%;
  height:1.8rem;
  border:0.05rem solid #e7e7e7;
  color:#666;
  font-size:0.6rem;
  border-radius:0.25rem;
  padding:0 0 0 2%;
  text-align: center;
}
.time_box span {
  display:block;
  width:5%;
  top:1rem;
  left:47.5%;
  border-bottom:1px solid #e7e7e7;
}
.filter_serch {
  margin-top:1%;
  height: 1.8rem;
}
.filter_serch input {
  height: 1.8rem;
  font-size: 0.6rem;
}
.filter_btn {
  height:2.1rem;
  line-height:2.1rem;
  position:absolute;
  right:0;
  bottom: 0rem;
  background:#fc7867;
  color:#fff;
  font-size:0.8rem;
  width:100%;
  text-align:center;
  box-shadow:0 0 1rem #f7beb5 inset;
}
.warp_top .msg_main {
  height:auto;
}

.msg_main .msg_item2 {
  width:65%;
  box-sizing:border-box;
}
.msg_main .msg_item1 {
  width:23%;
}
.warp_top .det_item {
  padding:0 0 0 1rem;
}
.rhyd .inp_box {
  margin-top:3%;
}
.hide_btn {
  border-bottom:0.05rem solid #e7e7e7;
  padding:0 3%;
}
.hide_btn .b_top {
  height:2.5rem;
  line-height:2.5rem;
}
.msg_main .rh_finish {
  background:#f3714d;
  border:none;
}
.msg_main .rh_finish p {
  color:#fff;
}
.dashed {
  display:block;
  position:absolute;
  right:12%;
  top:0rem;
  height:100%;
  border-left:0.05rem dashed #fff;
}
.order_down li span {
  display:block;
  float:left;
  font-size:0.6rem;
  color:#4d4d4d;
  height:1.5rem;
  line-height:1.5rem;
}
.order_down {
  padding:2% 4%;
}
.order_item .order_name {
  font-size:0.7rem;
  color: #ff5353;
}
.order_two p {
  line-height: 1rem;
}
.fd_menu {
  width:42%;
  margin:0 auto;
}
.fd_menu li {
  width:50%;
}
.fd_menu .menu_icon2 {
  margin-top:0;
}
.fd_menu_box {
  margin-top:-7%;
}
.fd_box .msg_main li {
  padding: 4% 0;
}
.inp_box_11 {
  width:60%;
}
.inp_box_r1 {
  width:40%;
}
.inp_tab {
  display:block;
  height:1.4rem;
  margin:0.4rem 0 0 9%;
  border-radius:0.8rem;
  background:#fff;
  color:#666;
  font-size:0.6rem;
  width: 3.8rem;
  line-height:1.4rem;
  text-align:center;
}
.inp_tab_active {
  background:#fe806b;
  color:#fff;
}
.mt30 {
  margin-top:1.5rem;
}
.mt10 {
  margin-top:0.5rem;
}
.serch_no .serch_btn {
  background-color:#dadada;
}
.address_list li {
  color: #666;
  font-size: 0.6rem;
  width: 95%;
  margin: 0 auto;
  padding: 3% 2%;
  border-bottom: 0.05rem solid #e7e7e7;
}
.address_list .adr_active {
  color:#fff;
  background:#fe7a68!important;
}
.set_list {
  margin-left:-4.3%;
}
.set_list li {
  float:left;
  width:29%;
  margin-left:4.3%;
  height:2rem;
  line-height:2rem;
  border:0.05rem solid #e7e7e7;
  border-radius:0.25rem;
  color:#666;
  font-size:0.65rem;
  text-align:center;
  box-sizing:border-box;
  margin-top:5%;
}
.set_list .set_active {
  background:#fe7968;
  color:#fff;
}
.rong_item {
  height:1.8rem;
  line-height:1.8rem;
  position:relative;
  border-bottom:0.05rem solid #e7e7e7;
  padding:0 2%;
}
.rong_item span {
  font-size:0.6rem;
  color:#616161;
}
.rong_list li img {
  right:2%;
  position:absolute;
  height:20%;
  top:40%;
}
.rong_hide {
  display:none;
}
.rong_hide .inp_box {
  margin-top:0;
  background:#fff9f8;
  border:none;
}
.hide_list {
  background:#fff5f3;
  padding:1% 3%;
}
.hide_list li {
  float:left;
  width:50%;
  color:#666;
  font-size:0.55rem;
  line-height:1rem;
}
.rong_open .rong_hide {
  display:block;
}
.rong_open img {
  transform:rotate(180deg);
}
.fd_det .inp_box {
  margin-top: 2.5%;
}
.fd_det {
  height:auto!important;
  padding-bottom: 3rem;
}
.pt20 {
  padding-top:1rem ;
}
.scroll {
  overflow: scroll;
  padding-bottom: 2.8rem;
}
.service {
  height:100%;
}
.service_l {
  width:20%;
  background:#efefef;
  height:100%;
}
.service_r {
  width:100%;
  padding-top:0.5rem;
}
.service_tab li {
  line-height:3rem;
  color:#666;
  font-size:0.7rem;
  text-align:center;
}
.s_gw li,.s_yw li,.z_yw li,.r_yw li {
  width:25%;
  margin-top:0.4rem;
}
.service_tab .s_active {
  color:#fe7d6a;
  background:#fff;
  border-left:0.1rem solid #fe7e6a;
  box-sizing:border-box;
}
.service .menu_list {
  padding-bottom: 0.3rem;
}
.s_tit {
  line-height:1.6rem;
}
.s_tit span {
  color:#666;
  font-size:0.75rem;
  display:inline-block;
  padding:0 5%;
  background:#fff;
  height:100%;
  position:relative;
  z-index:1;
}
.s_tit p {
  position:absolute;
  border-bottom:0.05rem solid #e7e7e7;
  top:50%;
  width:90%;
  left:5%;
}
.pt30 {
  padding-top: 1.5rem;
}
.pt10 {
  padding-top: 0.5rem;
}
.pt8 {
  padding-top: 0.4rem;
}
.gw_mian .msg_item1 {
  width:48%;
}
.gw_mian .msg_item2 {
  width:40%;
}
.identify_choose {
  width:40%;
  height:100%;
  left:30%;
  top:0rem;
  color:#565656;
  font-size:0.65rem;
}
.rong_hide1 li {
  width:25%;
}
.zfxz_list li {
  line-height:1.8rem;
  border-bottom:0.05rem solid #e7e7e7;
  background:#fff9f8;
  padding:0 3%;
  color:#666;
  font-size:0.55rem;
}
.inp_box1 {
  border:none;
  border-bottom:0.05rem solid #e7e7e7;
  margin-top:0rem;
}
.inp_box1 span {
  font-size:0.6rem;
}
.inp_box1 input {
  font-size:0.6rem;
}
.num_serch {
  border-bottom:0.05rem solid #e7e7e7;
  padding:2.8% 4%;
}
.num_serch input {
  height:1.5rem;
  border:none;
  background:none;
  width:80%;
  font-size:0.8rem;
  color:#3a3a3a;
}
.num_serch a {
  display:block;
  height:1.5rem;
  line-height:1.5rem;
  background:#fe7e6b;
  color:#fff;
  font-size:0.65rem;
  border-radius:0.75rem;
  width:20%;
}
.num_serch button {
  display:block;
  height:1.5rem;
  line-height:1.5rem;
  background-image:-webkit-linear-gradient(to right, #70a5fc, #71cfff);
  background-image:linear-gradient(to right,#70a5fc,#71cfff);
  color:#fff;
  font-size:0.65rem;
  border-radius:0.75rem;
  width:20%;
}
.num_serch_list {
  border-bottom:0.05rem solid #e7e7e7;
  padding:0 4%;
}
.num_serch_list i,.num_serch_list span {
  display:block;
  font-size:0.65rem;
  color:#474747;
  width:30%;
  font-style:normal;
  line-height:2.2rem;
}
.num_serch_list span {
  text-align:right;
  width:70%;
  color:#c7c7c7;
}
.num_serch_pay span {
  color:#fe8e71;
  font-size: 0.875rem;
}
.erwm {
  height:74%;
  width:100%;
  left:0rem;
  top:13%;
}
.erwm img {
  height:100%;
}
.pdistance {
  padding: 0.5rem 0 2.8rem 0;
}
.dn {
  display:none;
}
.install_item {
  height:2.5rem;
  line-height:2.5rem;
  border-bottom:0.05rem solid #e7e7e7;
  padding:0 3%;
}
.install_item .icon32 {
  height:0.9rem;
  display:block;
  margin:0.8rem 0.5rem 0 0;
  background: none;
}
.install_item span {
  color:#616161;
}
.daosj {
  height:0.5rem;
  display:block;
  margin:1rem 0 0 0;
}
.install_list li {
  height:2rem;
  line-height:2rem;
  border-bottom:0.05rem solid #e7e7e7;
}
.c_626262 {
  color:#626262;
  padding:0 0 0 12%;
}
.c_c6c6c6 {
  color:#c6c6c6;
}
.install_item .c_8ba6ff {
  color:#8ba6ff;
}
.install_box {
  background:#fff;
}
.install_dailog {
  width:80%;
  margin:10% auto;
  background:#fff;
}
.bn {
  border:none!important;
}
.install_top {
  line-height:2rem;
  color:#454545;
  margin:5% 0 0 0;
}
.label_list {
  height:1.5rem;
  line-height:1.5rem;
  padding:0 0 0 6%;
}
.label_list span {
  font-size:0.65rem;
  color:#454545;
}
.label_list input {
  margin:-0.05rem 0.5rem 0 0;
}
.install_btn {
  width:50%;
  margin:5% auto 8% auto;
  font-size:0.65rem;
  height:1.8rem;
  line-height:1.8rem;
}
.chuanhao_box {
  padding:2% 0 0 0;
}
.chuanhao_mian {
  border-radius:0.4rem;
  margin-top:5%;
  background:url(../assets/image/tel.png) 85% center no-repeat #fff;
  background-size:auto 60%;
  padding:3% 3% 5% 3%;
}
.chuanhao_mian input {
  height:3rem;
  border:none;
  width:100%;
  background:none;
  font-size:0.65rem;
  color:#d2d2d2;
}
.chuanhao_det p {
  color:#979797;
  line-height:2rem;
}
.chuanhao_det p span {
  color:#666;
}
.version {
  width:100%;
  line-height:2rem;
  color:#888;
  font-size:0.6rem;
  text-align:center;
  margin-top:12%;
}
.charge .charge_inp {
  line-height: 1.1rem;
}
.charge .charge_inp p {
  font-size: 0.65rem;
}
.recharge_ewm {
  display: block;
  height: 1rem;
  margin: 0.3rem 0.5rem 0 0;
}
.recharge_ewm img {
  height: 100%;
}
.charge {
  margin-left:-3.3%;
  padding:0 0 6% 0;
}
.charge_box {
  border-bottom:0.05rem solid #e7e7e7;
  padding: 0 3%;
}
.charge li {
  width:30%;
  margin-left:3.3%;
  border:0.05rem solid #e7e7e7;
  border-radius:0.25rem;
  text-align:center;
  float:left;
  box-sizing:border-box;
  margin-top:5%;
  height: 2.5rem;
  line-height:2.5rem;
}
.price {
  color:#2f2f2f;
  font-size: 0.7rem;
}
.discount {
  color:#878787;
  font-size:0.55rem;
}
.charge .charge_active {
  background:#57c1f2;
}
.charge_active .price {
  color:#fff;
}
.charge_active .discount {
  color:#ffebe8;
}
.num_serch_list input {
  height:2.2rem;
  display:block;
  border:none;
  background:none;
  text-align:right;
  font-size:0.65rem;
  color:#c7c7c7;
}
.charge input {
  width:100%;
  font-size:0.6rem;
  color:#878787;
  border:none;
  text-align:center;
}
.up_finish {
  display:block;
  height:1.4rem;
  margin:0.4rem 0 0 0;
  border-radius:0.8rem;
  background:#fff;
  color:#fe7e6a;
  font-size:0.6rem;
  width: 3.5rem;
  line-height:1.4rem;
  text-align:center;
  border:0.05rem solid #e7e7e7;
}
.iccd {
  width:50%;
  display:block;
  height:2rem;
  line-height:2rem;
  border:none;
  left:20%;
  top:0.1rem;
  color:#c7c7c7;
  text-align:center;
  font-size:0.6rem;
}
.pd50 {
  padding-bottom:3rem;
}
.next_btn {
  width: 80%;
  margin: 12% auto 0 auto;
}
.ywkh_btn {
  position:absolute;
  width: 80%;
  left:10%;
  bottom:5%;
}
.mt6 {
  margin-top: 6%!important;
}
.mt11 {
  margin-top: 11%!important;
}
.address_list {
}
.inp_item .inp_short {
  width:55%;
  border: none;
}
.yzm_btn {
  display:block;
  height:1.4rem;
  background:transparent;
  color:#666;
  width:39%;
  text-align:center;
  line-height:1.4rem;
}
.icon32 {
  background:url(../assets/image/icon33.png) center center no-repeat;
  background-size:66% auto;
}
.mt15 {
  margin-top:10%;
}
.yzm_box {
  width: 80%;
  border-bottom: 0.05rem solid #e7e7e7;
  padding: 0.2rem 0;
}
.jtlrxx_btn {
  width: 80%;
  margin: 25% auto 0 auto;
}
.set_box {
  top: -0.05rem;
  position: relative;
}
.set_box li {
  height: 2rem;
  line-height:2rem;
  background: #fff5f3;
  padding: 0 3%;
}
.set_box li span,.set_box li i {
  font-style: normal;
  font-size: 0.55rem;
  color: #4d4d4d;
}
.set_box li i {
  text-align: right;
  color: #666;
}
.clear {
  clear: both;
}
.log_bot {
  line-height: 2rem;
  padding: 0.2rem 0 0 0;
}
.log_bot>span {
  margin-right: 5%;
}
.jz_key {
  padding:0 0 0 9%;
  height: 2rem;
  display: block;
  line-height: 2rem;
}
.jz_key input {
  margin: 0.7rem 0.4rem 0 0;
  height: 0.6rem;
  width: 0.6rem;
}
.jz_key span {
  color: #979797;
}
.pruduct_tab {
  height:2rem;
  line-height:2rem;
  border-top:0.05rem solid #e7e7e7;
  border-bottom:0.05rem solid #e7e7e7;
  display:block;
  background:#fff;
}
.pruduct_tab input {
  left:3%;
  width:0.7rem;
  height:0.7rem;
  top:0.65rem;
}
.pruduct_tab img {
  right:3%;
  height:0.5rem;
  top:0.75rem;
}
.pruduct_list>li {
  margin-bottom:2%;
  position:relative;
}
.activity_list {
  display:none;
}
.activity_list li {
  height:2rem;
  background:#ffe7e2;
  color:#666;
  font-size:0.6rem;
  line-height:2rem;
  margin-top:0.05rem;
}
.activity_list .activity_active {
  background:#fe836c;
  color:#fff;
}
.pruduct_list .product_active + .activity_list {
  display:block;
}
.install_list {
  display:none;
}
.open img {
  transform:rotate(180deg);
}
.product_active img {
  transform:rotate(180deg);
}
.open .install_list {
  display:block;
}
.bluetooth .c_626262 {
  color: #626262;
  padding: 0;
}
.bluetooth .install_list li {
  padding: 0 3%;
}
.bluetooth .install_list {
  display: block;
}
.button-inner {
  font-weight: normal;
  color: #3fbcef;
  font-size: 0.75rem;
}
.alert-title {
  color: #333!important;
  font-size: 0.75rem!important;
  font-weight: normal!important;
}
.dialog_list li {
  line-height: 1.2rem;
  color: #666;
  text-align: left;
}
.order_one p {
  line-height: 1rem;
  color: #4d4d4d;
}
.swiper-wrapper {
  margin: 0 auto;
  width: 100%;
}
.swiper-wrapper img{
  width: 100%;
  margin: 0 auto;
}
.tr {
  text-align: right;
}
.mb5
{
  margin-bottom: 5%;
}
.sign_box {
  border-radius:0.25rem;
  padding:2% 2%;
  height:20rem;
  margin-top:5%;
  background:url(../assets/image/sign_bg.png) center center no-repeat;
  background-size:36% auto;
}
.sign_box p {
  color:#d2d2d2;
}
.product_box {
  height: 100%;
  overflow: scroll;
}
.pb65 {
  padding-bottom:28%;
}
.pdf_btn {
  position:fixed;
  right:0rem;
  top:50%;
  margin-top:-3rem;
  z-index:1;
}
.pdf_btn a {
  display:block;
  height:2.5rem;
  margin-bottom:1rem;
}
.pdf_btn a img {
  display:block;
  height:100%;
  opacity: 0.6;
}
@media (max-width: 325px) {

  .dashed {
    margin:0 0.05rem 0 0;
  }
}
@media (max-height: 510px) {
  .mt28 {
    margin-top:16%;
  }
}
@media (max-width: 350px) {
  html {
    font-size:106.25%;
  }
}
@media (min-width: 400px) {
  html {
    font-size:132.5%;
  }
}
@media (max-height: 550px) {
}
.toolbar-background {
  background: #11c1f3;
  border-color:#11c1f3!important;
}
.back-button {
  min-height: 1.6rem;
}
.back-button-icon {
  font-size: 1.5rem;
  color: #fff;
}
.back-button-text {
  font-size: 0.8rem;
  color: #fff;
}
.toolbar-title {
  font-size: 0.8rem;
  color: #fff;
  font-weight: normal;
}
.loading-content {
  font-size: 0.6rem;
}
::-webkit-scrollbar {
  display: none !important;
} //隐藏滚动条
.toggle {
  float: right;
  height: 1.5rem;
  margin-top: 0.35rem;
}
.toggle-inner {
  height:1.3rem!important;
}
.toggle.toggle-checked .toggle-icon {
  background-color: #fe7968;
}
.toast-button {
  height: 1.4rem;
}
.fd_list li {
  float: none;
  width: 87%;
  padding: 0.1% 0;
}
.fd_list .det_item {
  margin: 0;
}
.fd_list li span,.fd_list li i {
  float:left;
}
.fd_list li span{
  width: 31.5%;
  padding: 0 2% 0 0;
  text-align: right;
}
.fd_list i{
  width: 68%;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fd_list ul{
  padding:2%;
}
.iccid_l {
  width: 74%;
}
.iccid_r {
  width: 26%;
}
.inp_box_l .iccid_text {
  color: #999;
  font-size: 0.5rem;
  margin: 0 0 0 0.5rem;
}
.modify_btn {
  background: #70a5fc;
}
.tab_box {
  width: 100%;
  overflow-x: scroll;
}
.f10 {
  font-size: 0.5rem;
}
.header_l {
  color: #fff;
  font-size:0.7rem;
  position: absolute;
  bottom: 0rem;
  background: none;
  line-height: 44px;
  left: 3%;
}
.header_r {
  color: #fff;
  font-size: 0.7rem;
  position: absolute;
  bottom: 0rem;
  background: none;
  line-height: 44px;
  right: 3%;
}
.det_msg .msg_item2 {
  width:50%;
}
.det_msg .msg_item1 {
  width:50%;
}
.det_msg .msg_main li {
  padding:1.4% 0;
}
.det_msg .det_item {
  margin-top:0.1rem;
}
.ewm_top {
  height: 2rem;
  line-height: 2rem;
  width: 200px;
  margin: 0 auto;
}
.ewm_l,.ewm_r {
  width: 28%;
  position: relative;
  height: 2rem;
}
.ewm_line,.ewm_line1 {
  display: inline-block;
  width: 70%;
  border-bottom:0.05rem solid #fe7a68;
  position: absolute;
  top: 50%;
}
.ewm_line {
  left: 5%;
}
.ewm_line1 {
  right: 5%;
}
.ewm_circle,.ewm_circle1 {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #fe7a68;
  position: absolute;
  top: 0.8rem;
}
.ewm_circle {
  right: 0%;
}
.ewm_circle1 {
  left: 0rem;
}
.ewm_tit {
  width: 50%;
  left:25%;
  top: 0rem;
  color: #666;
  font-size: 0.65rem;
  position:absolute;
}
.ewm_box {
  padding: 0.5rem 0 0 0;
}
.cancle {
  width: 100%;
  border-radius: 0 0 10px 10px;
  height: 2rem;
  line-height:2rem;
  background: #fe7a68;
  color: #fff;
  font-size: 0.7rem;
}
.ewm_container {
  margin: 1rem 0;
}
.my_btn {
  margin-top: 25%;
}
.inp_box_r select {
  border:none;
  background:none;
  height:1.4rem;
  color:#666;
  font-size: 0.65rem;
}
.order_zhjf .order_third,.broad_order .order_third,.order_rhyd .order_third,.order_gwysl .order_third{
  float: right;
}
.num_serch_zfxx span {
  margin-right:5%;
  width:65%;
}
.num_serch_zfxx img {
  right:2%;
  height:20%;
  display:block;
  top:40%;
}
.num_serch_time i {
  width:15%;
}
.num_serch_time span {
  width:85%;
}
.app_btn {
  width: 80%;
  margin: 30% auto 0 auto;
}
.app_list .order_name {
  color: #fe7e6a;
}
.app_list .order_third {
  float: right;
}
.app_list .wzh_btn {
  display: inline-block;
}
.app_list  {
  margin:0 0 3% 0;
}
.b_fff {
  background: #fff;
}
.alert-radio-label {
  font-size: 0.7rem;
}
.pb50 {
  padding-bottom: 3.25rem;
}
.app_box {
  padding:3%;
}
.order_app {
  padding-top: 0rem;
}
.group_list li span {
  width:39%;
}
.group_list li i {
  width:61%;
}
.jtlu_btn {
  width: 80%;
  margin: 10% auto 5% auto;
}

.serch_box {
  background: #fff;
}
.tabs-ios .tab-button-text {
  color:#a2a2a2;
}
.tabs-ios .tab-button[aria-selected=true] .tab-button-text {
  color: #11c1f3;
}
.mt20 {
  margin-top: 20%;
}
.single_det li {
  padding: 1% 0;
}
.b_list .choose_active {
  color: #ff6633;
}
.b_list .choose_active a {
  color: #ff6633;
}
.advance_item {
  border-top: 0.05rem solid #e7e7e7;
  border-bottom: 0.05rem solid #e7e7e7;
  padding: 0.5rem 0;
  margin-bottom: 4%;
}
.advance_item_l,.advance_item_r {
  width: 45%;
}
.advance_item_l input,.advance_item_r input {
  width: 80%;
  height: 1.5rem;
  color: #666;
  font-size: 0.65rem;
  text-align: center;
  border:0.05rem solid #e7e7e7;
  display: block;
  margin: 0 auto;
}
.advance_item_l p,.advance_item_r p {
  color: #4d4d4d;
}
.advance_item_l span {
  color: #ff890a;
}
.advance_item_r span {
  color: #ff5757;
}
.advance_line {
  width: 7%;
  left: 46.5%;
  top: 50%;
  border-bottom: 0.1rem solid #a8a8a8;
}
.avanced_btn {
  bottom: 0rem;
}
.filter_box .order_tab {
  width: 100%;
}
.det_msg .msg_main {
  top: 11%;
}
.change_mian li span {
  width: 34%;
}
.change_mian li i {
  width: 66%;
}
.yj_mian li span {
  width: 39%;
}
.yj_mian li i {
  width: 61%;
}
.speed_list .msg_main {
  top: 10%;
}
.speed_list .msg_main li {
  padding: 0.8% 0;
}
input{
  caret-color:666;
}
.mt0 {
  margin-top: 0rem!important;
}
.mt6 {
  margin-top: 6%!important;
}
.product_chosen {
  color: #87d6fe;
}
.inp_toggle .inp_box_r {
  padding: 0;
}
.text-input-ios {
  margin: 0;
}
.kdzj_ewm {
  width: 80%;
  margin: 18% auto;
  border: 0.05rem solid #e7e7e7;
  border-radius: 0.3rem;
  padding: 1rem 0 2.5rem 0;
}
.kdzj_ewm .ewm_top {
  width: 250px;
  margin-bottom: 5%;
}
.num_inp {
  border: none;
}
.top_item_mian {
  display: inline-block;
  line-height: 1.4rem;
}
.top_item_mian img {
  float: left;
  height: 1rem;
  margin: 0.2rem 0.5rem 0 0;
}
.top_item_mian span {
  float: left;
  font-size: 0.6rem;
  color:#fff;
}
.top_item {
  height: 1.4rem;
}
.manager_list li {
  float: left;
  width: 50%;
  line-height: 2rem;
  text-align: center;
  padding: 4.9% 0;
  border-bottom: 0.05rem solid #e7e7e7;
  box-sizing: border-box;
}
.manager_list li img {
  height: 2rem;
}
.manager_list li span {
  color:#666;
  font-size: 0.7rem;
}
.m_w {
  width: 60%;
  margin: 0 auto;
}
.br_e7e7e7 {
  border-right: 0.05rem solid #e7e7e7;
}
.m_report {
  position: relative;
  left: -16%;
}
.inp_box_l .chakan {
  color: #999;
  font-size: 0.6rem;
  position: absolute;
  width: 42%;
  left: 25%;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mt28 {
  margin-top: 28%;
}
.key_eye {
  height: 1rem;
  display: block;
  top: 0.45rem;
  right: 5%;
}
.user_top {
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 0 0 1rem;
  color:#444;
  font-size: 0.65rem;
  border: 0.05rem solid #e7e7e7;
  border-left: 0.5rem solid #6ee0df;
  border-right: none;
  background: #fff;
}
.user_xiala {
  height:0.4rem;
  right: 5%;
  top: 1rem;
}
.user_inp  {
  height: 2rem;
}
.user_inp input {
  height: 1.2rem;
  border: none;
  background: none;
  display: block;
  padding:0 0 0 1.5rem;
  position: relative;
  top: 0.4rem;
  font-size: 0.65rem;
  color: #999;
}
.select_btn {
  height: 1.2rem;
  width: 3.5rem;
  line-height: 1.2rem;
  border-radius: 0.6rem;
  background-image:-webkit-linear-gradient(to right, #70a5fc, #71cfff);
  background-image:linear-gradient(to right,#70a5fc,#71cfff);
  right: 3%;
  top: 0.4rem;
  color: #fff;
  font-size: 0.6rem;
  text-align: center;
}
.user_mian {
  display: none;
  border-bottom: 0.05rem solid #e7e7e7;
  background: #fff;
}
.user_slide .user_mian {
  display: block;
}
.user_box {
  margin-bottom: 2.5%;
}
.user_inp textarea{
  border: none;
  resize: none;
  width: 95%;
  color: #999;
  font-size: 0.65rem;
  padding: 1rem 0 0 1.5rem;
}
.user_text {
  height: 4rem;
}
.alert-ios [aria-checked=true] .alert-radio-label {
  color: #3fbcef;
}
.alert-ios [aria-checked=true] .alert-radio-inner {
  border-color:#3fbcef ;
}
.pro_menu li {
  width: 25%;
}
.pro_menu_box {
  width: 94%;
  margin: -7% auto 0 auto;
}
.pro_menu {
  width: 84%;
  margin: 0 auto;
}
.pro_list {
  height: 9.1rem;
  overflow: scroll;
}
.pro_list li {
  line-height: 2rem;
  color:#fff;
  border-radius: 0.5rem;
  background: #a9ddfc;
  padding: 0 2%;
  margin-bottom: 0.3rem;
}
.pro_list1 {
  height: 6.8rem;
}
.mt5
{
  margin-top: 5%;
}
.person_list .inp_box {
  margin: 0 0 2.5% 0;
}
.pro_list .pro_active {
  background: #57c1f2;
}
.assign_box {
  background: #e6f7fd;
  margin: 3% auto 0 auto;
  width: 95%;
  border-radius: 0.25rem;
  overflow: hidden;
  box-shadow: 0 0.1rem 0.1rem #ddd;
}
.assign_l {
  width: 90%;
  padding: 3% 2.5%;
  min-height: 2rem;
}
.assign_r {
  width: 10%;
  background: #0eaded;
  font-size: 0.65rem;
  color: #fff;
  top: 0rem;
  right: 0rem;
  height: 100%;
}
.log_btn {
  width: 75%;
  margin: 0 auto 0 auto;
  background-image:-webkit-linear-gradient(to right, #94c5e5, #d1cfff);
  background-image:linear-gradient(to right,#94c5e5,#d1cfff);
}
.qiang_icon {
  display: block;
  width: 12%;
  bottom: 1%;
  left: 44%;
  z-index: 100;
}
.qiang_icon img {
  display: block;
  width: 100%;
}
.assign_list li {
  width: 50%;
  float: left;
  color: #666;
  font-size: 0.55rem;
  line-height: 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.inp_box_left {
  width: 80%;
}
.inp_box_left span {
  color: #666;
  font-size: 0.6rem;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 97%;
}
.inp_box_right {
  width: 20%;
  padding: 0.4rem 0;
}
.mt2_5 {
  margin-top: 2.5%;
}
.M_choose {
  display: flex;
  display: -webkit-box;
  padding: 0.5rem 0.1rem ;
  margin: 2.5% 0 0% 0;
}
.M_choose li {
  box-flex: 1;
  -webkit-box-flex: 1;
  margin: 0 1.5%;
}
.M_choose li a {
  display:block;
  height:1.4rem;
  line-height:1.4rem;
  border-radius:0.7rem;
  font-size:0.6rem;
  background:#fff;
  color:#666;
  margin: 0 auto;
  text-align: center;
}
.M_choose .g_active a {
  background:#57c1f2;
  color:#fff;
}
.pb25 {
  padding-bottom:1.25rem;
}
.inp_list {
  margin-top: 3.5%;
}
.inp_list li {
  width: 23%;
  margin: 0 1%;
  box-sizing: border-box;
  border: 0.05rem solid #e7e7e7;
  background: #ebf8fd;
  height: 2rem;
  float: left;
}
.inp_list li input {
  background: none;
  border: none;
  height: 1rem;
  color:#666;
  font-size: 0.6rem;
  width: 90%;
  text-align: center;
  margin: 0.5rem auto 0 auto;
  display: block;
}
.serch_sub {
  width: 75%;
  margin: 2.5% auto 0 auto;
}
.inp_list input::-webkit-input-placeholder{
  color: #666;
  font-weight:normal;
}
.inp_list input:-ms-input-placeholder{
  color: #666;
  font-weight:normal;
}
.develop_box {
  border-radius: 0.25rem;
  margin-top: 5%;
}
.develop_list {
  padding: 2.5%;
}
.develop_list li span {
  color: #333;
  float: left;
  display: block;
  width: 35%;
  font-size: 0.6rem;
}
.develop_list li i {
  color: #999;
  font-style: normal;
  float: left;
  display: block;
  width: 65%;
  font-size: 0.6rem;
}
.develop_list li {
  line-height: 1.2rem;
}
.grab_top {
  line-height: 1.5rem;
  border-bottom: 0.05rem solid #e7e7e7;
  padding: 0 2%;
}
.grab_item {
  font-size: 0.6rem;
  border: 0.05rem solid #e7e7e7;
  border-radius: 0.25rem;
  margin: 2.5% 0 0 0;
  overflow: hidden;
  position: relative;
}
.c_c9c9c9 {
  color:#c9c9c9;
}
.c_3597ff {
  color: #3579ff;
}
.c_ff6464 {
  color: #ff6464;
}
.c_666 {
  color: #666;
}
.grab_bot_l {
  width: 72%;
}
.grab_bot_r {
  width: 28%;
}
.grab_bot {
  line-height: 1.5rem;
  padding: 0 1.5% 1.5% 1.5%;
}
.grab_bot_r a {
  display: inline-block;
  height: 1.2rem;
  width:2rem;
  line-height: 1.2rem;
  background: #0eaded;
  color: #fff;
  border-radius: 0.25rem;
}
.overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.w100 {
  width: 100%;
}
.order_status {
  height: 100%;
  width: 8%;
  color: #fff;
  background: #3ed489;
  top: 0rem;
  right: 0rem;
  text-align: center;
}
.order_sucess {
  background: #ffb910 ;
}
.order_undo {
  background: #0eaded;
}
.order_status p {
  color: #fff;
}
.order_fail p {
  color: #fff;
}
.order_fail {
  width: 14%;
  background: #ff808b;
  height: 1.5rem;
}
.grab_bot_btn {
  position: relative;
  left: 0.3rem;
  margin-top: 27%;
}
.adr_inp {
  border: none;
  background: none;
  height: 1.2rem;
  display: block;
  font-size: 0.65rem;
  color: #666;
}
.fusion_row li {
  width: 25%;
}
.grab_underway .grab_state {
  color: #3ed489;
}
.grab_success .grab_state {
  color: #ffb910;
}
.grab_fail .grab_state {
  color: #ff808b;
}
.grab_undo .grab_state {
  color: #0eaded;
}
.report_total li {
  float: left;
  width: 50%;
  padding: 4% 0;
  border-bottom: 0.05rem solid #dadada;
}
.report_total li p {
  color: #b1b1b1;
  font-size: 0.65rem;
}
.report_total li .total_num {
  font-size: 0.9rem;
  margin-top: 6%;
  color: #e1597e;
}
.report_list li {
  width: 33.3%;
  float: left;
  padding: 6% 0;
}
.report_list li img {
  width: 25%;
}
.report_list li p {
  color: #666;
  font-size: 0.55rem;
  margin-top: 7%;
}
.next_btn:active {
  background-image:-webkit-linear-gradient(to right, #3fbcef, #71cfff);
  background-image:linear-gradient(to right,#3fbcef,#71cfff);
}
.inp_box_adress {
  padding: 0.45rem 0;
}
.yz_btn:active {
  box-shadow: 0 0 0.1rem #999;
}
.adr_list {
  height: 13.5rem;
  overflow: scroll;
}
.sim_main {
  top: 10%;
}
.ion-page{
  background-color: #fff;
}

.color-gray {color:#ccc}
.qkbtn0{ color: #fff;float: right;width: 50px;padding:auto;line-height: 20px; text-align: center;margin-right: 10px;
  height: 20px;font-size: 0.6rem;
  background-color: #c23531;
  border-radius: 5px; }
.qkbtn1{ color: #fff;float: right;width: 50px;padding:auto;line-height: 20px; text-align: center;margin-right: 10px;
  height: 20px;font-size: 0.6rem;
  background-color: #d48265;
  border-radius: 5px;  }
.qkbtn2{ color: #fff;float: right;width: 50px;padding:auto;line-height: 20px; text-align: center;margin-right: 10px;
  height: 20px;font-size: 0.6rem;
  background-color: #91c7ae;
  border-radius: 5px; }
.qkbtn3{ color: #fff;float: right;width: 50px;padding:auto;line-height: 20px; text-align: center;margin-right: 10px;
  height: 20px;font-size: 0.6rem;
  background-color: #749f83;
  border-radius: 5px;  }
